<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
  <script src="../lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
  <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="../css/caidanlan.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/book_inventory.css">
  <link rel="stylesheet" href="../css/book_index.css">
  <script src="../javaScript/data_management.js"></script>
  <script src="../javaScript/utl.js"></script>
  <script src="../javaScript/quanxianpanduan.js"></script>

</head>

<body>
  <div class="container-fulid">
    <div class="row shouhang">
      <span class="iconfont icon-ziliaoku"></span>
      <p>图书馆后台管理系统</p>
      <div id='yonghu'>
      </div>
    </div>
    <div class="row">
      <div class="col-md-2 caidan">
        <a href="../html/jueseguanli.html">
          <p> 角色管理</p>
        </a>
        <a href="../html/guanliyuanguanli.html">
          <p>管理员管理</p>
        </a>
        <a href="./quanxianguanli.html">
          <p>权限管理</p>
        </a>
        <a href="../html/ReaderUser.html">
          <p>读者用户</p>
        </a>
        <a href="../html/duzhejuese.html">
          <p>读者角色</p>
        </a>
        <a href="../html/yuedu.html">
          <p>借阅查询</p>
        </a>
        <a href="../html/jieyueguanli.html">
          <p>借阅管理</p>
        </a>
        <a href="../html/book-management.html">
          <p>书刊管理</p>
        </a>
        <a href="../html/guancangdizhi.html">
          <p>馆藏地址管理</p>
        </a>
        <a href="../html/guancangfenlei.html">
          <p>馆藏分类管理</p>
        </a>
        <a href="../html/cengjiaLabel.html">
          <p>层架标签配置</p>
        </a>
        <a href="../html/fenguanshezhi.html">
          <p>分馆配置</p>
        </a>
        <a href="../html/book_inventory.html">
          <p>图书盘点</p>
        </a>
        <a href="../html/dindanguanli.html">
          <p>订单管理</p>
        </a>
        <a href="../html/tushuguanshezi.html">
          <p>图书馆设置</p>
        </a>
      </div>

      <div class="col-md-9 header">
        <div>
          <span>首页</span>
          <span id="adrs"> > </span>
          <span>图书盘点</span>
        </div>
        <div class="row" id="book">
          <div class="col-md-2">
            <span>书籍数量：</span>
            <span class="zero" id="cor1">0</span>
          </div>
          <div class="col-md-2">
            <span>已盘点数量：</span>
            <span class="zero" id="cor2">0</span>
          </div>
          <div class="col-md-2">
            <span>未盘点数量：</span>
            <span class="zero" id="cor3">0</span>
          </div>
          <div class="col-md-6">
            <div id="check">
              <span>请选择需要盘点的内容</span>
              <span>选择完成</span>
            </div>
          </div>
        </div>
        <div id="content">
          <div class="row">
            <div class="col-md-2">
              <div class="ceng" id="turn1">
                馆藏地址
              </div>
            </div>
            <div class="col-md-2">
              <div class="ceng" id="turn2">
                书籍单册
              </div>
            </div>
            <div class="col-md-2">
              <div class="ceng" id="turn3">
                层架选择
              </div>
            </div>
          </div>
        </div>

        <div class="row" id="text">
          <div class="col-md-3">
            <span>书刊名称：</span> <input type="text" placeholder="请输入书名" id="run1" class="small"></input>
          </div>
          <div class="col-md-3">
            <span>条码：</span> <input type="text" placeholder="请输入条码" id="run2" class="small"></input>
          </div>
          <div class="col-md-2 big">
            <span>层架：</span>
            <select id="opt">
              <option value=""></option>
              <option value="1F-4A"><span class="small">1F-4A</span></option>
              <option value="2F-4B"><span class="small">2F-4B</span></option>
            </select>
          </div>
          <div class="col-md-2 big">
            <span>状态：</span> <select>
              <option value=""><span class="small">出借</span></option>
              <option value=""><span class="small">未出借</span></option>
            </select>
          </div>
          <div class="col-md-2" id="heigh">
            <span id="read">查阅</span>
            <span>读超高频</span>
          </div>
        </div>

        <div class="row time">
          <div class="col-md-1 center">
            <span>条码</span>
          </div>
          <div class="col-md-2 center">
            <span>书名</span>
          </div>
          <div class="col-md-2 center">
            <span>层架</span>
          </div>
          <div class="col-md-2 center">
            <span>索引号</span>
          </div>
          <div class="col-md-2 center">
            <span>存入时间</span>
          </div>
          <div class="col-md-2 center">
            <span>借阅状态</span>
          </div>
          <div class="col-md-1 center">
            <span>操作</span>
          </div>
        </div>

        <div class="row" id="caozuo">
          <div class="col-md-1 center">
            <span>8924</span>
          </div>
          <div class="col-md-2 center">
            <span>呐喊</span>
          </div>
          <div class="col-md-2 center">
            <span>1F-4A</span>
          </div>
          <div class="col-md-2 center">
            <span>A556.2/1</span>
          </div>
          <div class="col-md-2 center">
            <span>2021-09-28</span>
          </div>
          <div class="col-md-2 center">
            <span>未出借</span>
          </div>
          <div class="col-md-1" id="delt">
            <span id="red">编辑</span>
            <span id="yellow">删除</span>
          </div>

        </div>


        <div class="row dead">

        </div>

      </div>
    </div>
  </div>
  <script src="../javaScript/page_turn.js"></script>
  <script>
    isLogin()
    let guanliname = glqx('图书盘点')

    //查找书籍
    function Search() {
      setData("data", JSON.stringify(Newbook))
      let arr = JSON.parse(getData("data"))
      $("#read").click(function () {
        if (czqx(guanliname, '查询')) {
          return
        }
        let str1 = $("#run1").val()
        let str2 = $("#run2").val()
        let str3 = $("#opt").val()
        for (let k = 0; k < arr.length; k++) {
          if (arr[k].book_name == str1 || arr[k].coder == str2 || arr[k].shelf == str3) {

            $(".dead").html(` 
          <div class="col-md-1 center">
            <span>${arr[k].coder}</span>
          </div>
          <div class="col-md-2 center">
            <span>${arr[k].book_name}</span>
          </div>
          <div class="col-md-2 center">
            <span>${arr[k].shelf}</span>
          </div>
          <div class="col-md-2 center">
            <span>${arr[k].index_number}</span>
          </div>
          <div class="col-md-2 center">
            <span>${arr[k].time}</span>
          </div>
          <div class="col-md-2 center">
            <span>未出借</span>
          </div>
          <div class="col-md-1" id="delt">
            <span id="red">编辑</span>
            <span id="yellow">删除</span>
          </div>
            `)
          }
        }
      })

    }
    Search()

    //删除

    function Delate() {
      if (czqx(guanliname, '删除')) {
        return
      }
      $(".dead").on("click", "#yellow", function () {
        $(".dead").children().remove()

      })
    }

    function Delate1() {
      if (czqx(guanliname, '删除')) {
        return
      }

      $("#caozuo").on("click", "#yellow", function () {
        $("#caozuo").remove()

      })
    }
    Delate1()
    Delate()

  </script>
</body>

</html>